<template>
    <div class="finance">
        <section class="order-main-header">
            <mt-header title="我的资产">
            <mt-button  icon="back" slot="left" @click="handleClose()"></mt-button>
            </mt-header>
        </section>
      <section class="finance-card otc">
            <dl>
                    <dt>
                    <h2>总资产:</h2>
                    </dt>
                    <dd class="profit">
                    <div>
                            <span>{{TotalAssets}}</span>
                            <span>USDP</span>
                    </div>
                        <div>
                            <span>昨日收益：</span>
                            <span>+128.93%</span>
                        </div>
                    </dd>
                    <dd class="otc-ht">
                        <div>
                            <img src="../../assets/asset.png">
                            充值
                        </div>
                        <div>
                            <img src="../../assets/draw.png">
                            提币
                        </div>
                        <div>
                            <img src="../../assets/charge.png">
                            划转
                        </div>
                    </dd>
            </dl>
            <button><i class="mobile_icon_public"></i></button>
        </section>
        <section  class="asset">
               <div class="trade-order">
                    <div class="trade-order--content" id="order-list" growing-ignore="true">
                        <div >
                            <div class="order-table"   v-for="(ticker, i) in balancesList" v-bind:key="i">
                                <div class="order-header">
                                    <div class="flex-between ">
                                        <p  class="order-sell">{{ticker.name}}</p>
                                    </div>
                                </div>
                                <div class="order-content flex-between">
                                    <div class="flex-center">
                                    <div class="all-amount flex-column">
                                        <span>可用(USDP)</span>
                                        <span>{{ticker.total}}</span>
                                    </div>
                                    <div class="all-amount flex-column">
                                        <span>冻结</span>
                                        <span>{{ticker.frozen}}</span>
                                    </div>
                                    <div class="all-amount flex-column">
                                        <span>折合</span>
                                        <span>{{(ticker.total*ticker.cnValuation)}}</span>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </section>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    name:'',
   data(){
         return {
        
         }
    },
    mounted() {

    },
    methods: {
        　　handleClose(){
                this.$router.go(-1);
            },
    }
}
</script>
<style lang="less" scoped>
.mint-header{
    height: 100px;
    font-size: 32px;
    background-color: #161736;
    color: #E0E0F9
}
</style>